<template>
  <div class="outbound-panel">
    <el-form :inline="true" :model="formInline" size="mini" class="demo-form-inline">
      <el-form-item label="排线编码">
        <el-input v-model="formInline.deliveryRouteNos" ></el-input>
      </el-form-item>
      <el-form-item label="SKU编码">
        <el-input v-model="formInline.baseSkuCode" ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
    </el-form>
    <panel></panel>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import panel from './panel.vue'
@Component({
  components: { panel }
})
export default class OutboundPanel extends Vue {
  formInline: any = {
    deliveryRouteNos: null,
    baseSkuCode: null
  };

  url: string = '';

  onSubmit () {
    this.$http.get(this.url).then((res) => {
      console.log(res)
    }).catch((err) => {
      console.log(err)
    })
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  .outbound-panel {
    min-width: 1000px;
  }
</style>
